<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <title>Edit Product</title>
   
  <style type="text/css" title="currentStyle">
        @import "../../JavaScript/DataTables/media/css/demo_page.css";
        @import "../../JavaScript/DataTables/media/css/demo_table_jui.css";
        @import "../../JavaScript/DataTables/examples/examples_support/themes/smoothness/jquery-ui-1.8.4.custom.css"; 
        @import "../../JavaScript/DataTables/extras/TableTools/media/css/TableTools.css";
        @import "../../JavaScript/DataTables/extras/ColReorder/media/css/ColReorder.css";
        @import "../../JavaScript/DataTables/extras/ColVis/media/css/ColVis.css";
        .ColVis {
				float: left;
				margin-bottom: 0
			}
			.dataTables_length {
				width: auto;
			}
  </style>
    	
  <script src="../../JavaScript/jquery-1.6.4.js"></script>
  <script src="../../JavaScript/DataTables/media/js/jquery.dataTables.js"></script>
  <script src="../../JavaScript/DataTables/extras/TableTools/media/js/ZeroClipboard.js"></script>  
  <script src="../../JavaScript/DataTables/extras/TableTools/media/js/TableTools.js"></script>
  <script src="../../JavaScript/DataTables/extras/ColReorder/media/js/ColReorder.js"></script>
  <script src="../../JavaScript/DataTables/extras/ColVis/media/js/ColVis.js"></script>
  <script src="../../JavaScript/JqueryUI/development-bundle/external/jquery.bgiframe-2.1.2.js"></script> 
  <script src="../../JavaScript/JqueryUI/development-bundle/ui/jquery.ui.core.js"></script> 
  <script src="../../JavaScript/JqueryUI/development-bundle/ui/jquery.ui.widget.js"></script> 
  <script src="../../JavaScript/JqueryUI/development-bundle/ui/jquery.ui.mouse.js"></script> 
  <script src="../../JavaScript/JqueryUI/development-bundle/ui/jquery.ui.button.js"></script> 
  <script src="../../JavaScript/JqueryUI/development-bundle/ui/jquery.ui.draggable.js"></script> 
  <script src="../../JavaScript/JqueryUI/development-bundle/ui/jquery.ui.position.js"></script> 
  <script src="../../JavaScript/JqueryUI/development-bundle/ui/jquery.ui.resizable.js"></script> 
  <script src="../../JavaScript/JqueryUI/development-bundle/ui/jquery.ui.dialog.js"></script> 
  <script src="../../JavaScript/JqueryUI/development-bundle/ui/jquery.effects.core.js"></script> 
  <script src="../../JavaScript/jquery.validate.js"></script>
  <script src="../../JavaScript/jquery.metadata.js"></script>
  <script src="../../JavaScript/jquery.alphanumeric.js"></script>
  <script src="../../JavaScript/EditProduct.js"></script>
  <script src="../../JavaScript/jquery.poshytip.js"></script>
  <link rel="stylesheet" href="../../JavaScript/tip-yellowsimple/tip-yellowsimple.css" type="text/css" />
  </head>
     
  <body>
  <div><br><span> Edit Product
  	</span>
  </div>
  <div class="line"></div>
  <div class="tab">
    <br>
   	<hr>
    <br>
  </div>
  		<!-- 查询条件输入 -->
    	<div class="main">
    	<p>Pleae select or enter one(or more) of the below to perform search</p>
    	<form id="form1">
    	<table>
  			<tr><td>
  				<label for="category">Category</label></td><td>
				<select name="category" id="category"><option /></select>
  			</td></tr>
  			<tr><td>
  				<label for="item">Item Name</label></td><td>
  				<input type="text" name="item" id="item" size="25"/>
			</td></tr>
			<tr><td>
				<label for="weight_1">Weight(g)</label></td><td>
				<input type="text" name="weight_1" id="weight_1" size="25"/></td><td>
				<label for="weight_2">to</label></td><td>
				<input type="text" name="weight_2" id="weight_2" size="25"/>
			</td></tr>
			<tr><td>
				<label for="volume_1">Volume(ML)</label></td><td>
				<input type="text" name="volume_1" id="volume_1" size="25"/></td><td>
				<label for="volume_2">to</label></td><td>
				<input type="text" name="volume_2" id="volume_2" size="25"/>
			</td></tr>
			<tr><td>
				<label for="height_1">Height(cm)</label></td><td>
				<input type="text" name="height_1" id="height_1" size="25"/></td><td>
				<label for="height_2">to</label></td><td>
				<input type="text" name="height_2" id="height_2" size="25"/>
			</td></tr>
			<tr><td>
				<label for="width_1">width(cm)</label></td><td>
				<input type="text" name="width_1" id="width_1" size="25"/></td><td>
				<label for="width_2">to</label></td><td>
				<input type="text" name="width_2" id="width_2" size="25"/>
			</td></tr>
			<tr><td>
				<label for="depth_1">depth(cm)</label></td><td>
				<input type="text" name="depth_1" id="depth_1" size="25"/></td><td>
				<label for="depth_2">to</label></td><td>
				<input type="text" name="depth_2" id="depth_2" size="25"/>
			</td></tr>
			<tr><td>
				<label for="price_1">Average Selling Price($)</label></td><td>
				<input type="text" name="price_1" id="price_1" size="25"/></td><td>
				<label for="price_2">to</label></td><td>
				<input type="text" name="price_2" id="price_2" size="25"/>
			</td></tr>
		</table>
			<p>
				<button type="reset" id="reset">Reset</button>
  				<button type="button" id="search">Search</button>
  			</p>
  		
		</form>
		</div>
		
	<!-- 查询结果显示 -->
	<div>
    <form id="form2">
		<table cellpadding="0" cellspacing="0" border="0" class="display" id="content" style="display:none">
		<thead>
			<tr>
				<th><input type="checkbox" id='selectAll'></input>&nbsp;<a href='#' id='delete'>Delete All</a></th>
				<th>Item/Description</th>
				<th>Category</th>
				<th>Weight</th>
				<th>Volume</th>
				<th>Height</th>
				<th>Width</th>
				<th>Depth</th>
				<th>Avg Price/Stocked Item</th>
				<th>Average Selling Price</th>
				<th>Edit</th>
			</tr>
		</thead>
		<tbody>		
		</tbody>
		</table>
    </form>
    </div>
    
    <!--商品信息更新 -->
	<div id="dialog-form1" title="Delete Product Information"> 
	<p class="validateTips">The form with * are required.</p> 
	<form id="form3">
  		<table>
  			<tr><td><input type="text" name="id" id="s_id" style="display:none"/></td></tr>
  			<tr><td>Item Name:</td>
  			<td><input type="text" name="item" id="s_item"/></td></tr>
			<tr><td>Category:</td>
			<td><select name="category" id="s_category"></select></td></tr>
			<tr><td>Weight (g):</td>
			<td><input type="text" name="weight" id="s_weight"/></td></tr>
			<tr><td>Volume (ML):</td>
			<td><input type="text" name="volume" id="s_volume"/></td></tr>
			<tr><td>Height (cm):</td>
			<td><input type="text" name="height" id="s_height"/></td></tr>
			<tr><td>Width (cm):</td>
			<td><input type="text" name="width" id="s_width"/></td></tr>
			<tr><td>Depth (cm):</td>
			<td><input type="text" name="depth" id="s_depth"/></td></tr>
		</table>	
	</form>
	</div>
	
	<!--商品信息删除-->
	<div id="dialog-form2" title="Delete Product Information"> 
	<input type="text" name="id" id="d_id" style="display:none"/>
	<p class="validateTips">If you continue,all the information about this product will be deleted.Including inventory records</p> 
	</div>
	
	<!--删除多项提示-->
	<div id="dialog-form3" title="Delete Product Information"> 
	<input type="text" name="id" id="da_id" style="display:none"/>
	<p class="validateTips"></p> 
	</div>
	
	<!--无条件查询提示-->
	<div id="dialog-form4" title="Search Product Information"> 
	<input type="text" name="id" id="n_id" style="display:none"/>
	<p class="validateTips">Do you want to display all products information?</p> 
	</div>         
  </body>
</html>
